<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script src="../js/tools.js"></script>
    <script>

        // 地狱回调
        // ajax({
        //     type : 'get' , 
        //     path : '../data/1.php' ,
        //     success : res => {
        //         console.log(res);
        //         ajax({
        //             type : 'get' , 
        //             path : '../data/2.php' ,
        //             success : res => {
        //                 console.log(res);
        //                 ajax({
        //                     type : 'get' , 
        //                     path : '../data/3.php' ,
        //                     success : res => {
        //                         console.log(res);
                                
        //                     }
        //                 })
        //             }
        //         })
        //     }
        // })


        const p1 = new Promise(resolve => {
            ajax({
                type : 'get' , 
                path : '../data/1.php' ,
                success : res => {
                    // console.log(res);
                    resolve(res) ;
                    
                }
            })
        })

        const p2 = new Promise(resolve => {
            ajax({
                type : 'get' , 
                path : '../data/2.php' ,
                success : res => {
                    // console.log(res);
                    resolve(res) ;
                    
                }
            })
        })


        const p3 = new Promise(resolve => {
            ajax({
                type : 'get' , 
                path : '../data/3.php' ,
                success : res => {
                    // console.log(res);
                    resolve(res) ;
                    
                }
            })
        })



        // p1.then(res => {
        //     console.log(res);
        //     p2.then(res => {
        //         console.log(res);
        //         p3.then(res => {
        //             console.log(res);
        //         })
        //     })
        // })

        // p1+p2+p3 
        p1.then(res => {
            console.log(res);
            return p2
        }).then(res => {
            console.log(res);
            return p3
        }).then(res => {
            console.log(res);
        })
        

    </script>
    
</body>
</html>